<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    pageContext.setAttribute("basePath", basePath);
%>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <title>取消规则详情</title>
</head>
<style>
    html {font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; height: 100%;  }
    body {margin: 0; font-size: 13px; line-height: 1.5; color: #6b7886; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; background: #f6f7f9; position: relative;}
    .txt-warning{color: #f99359}
    .rule-unit{padding: 15px 12px;background: #fff;margin-bottom: 20px;}
    .rule-unit p{padding-left: 20px;margin-left: -20px;    -webkit-margin-before:0;  -webkit-margin-after:0;}
    .rule-unit p em{display: inline-block;width:14px;font-style: normal}
    .rule-unit .title{color: #4f5a67;font-size: 15px; margin-bottom: 7px; }
</style>
<body>
    <div class="rule-unit">
        <div class="title">${carTypeName}即时单</div>
        <p><em>1.</em> 司机未到达，乘客可免费取消，司机已到达后取消将需支付<span class="txt-warning"><fmt:formatNumber value="${realTimeCancelFare}" pattern="#"/>元取消费</span>；</p>
        <p><em>2.</em> 若乘客迟到，司机可免费取消。</p>
    </div>
    <div class="rule-unit">
        <div class="title">${carTypeName}预约单</div>
        <p><em>1.</em> 司机未到达或取消订单时间早于用车时间，乘客可免费取消，司机按时已到达后取消将需支付<span class="txt-warning"><fmt:formatNumber value="${appointCancelFare}" pattern="#"/>元取消费</span>；</p>
        <p><em>2.</em> 若司机到达上车地点的时间晚于用车时间点，乘客可免费取消；</p>
        <p><em>3.</em> 若乘客迟到，司机可免费取消。</p>
    </div>
    <div class="rule-unit">
        <div class="title">如何判断迟到</div>
        <p><em>1.</em> 即时单：</p>
        <p> 若乘客在司机到达上车地点后<span class="txt-warning"><fmt:formatNumber value="${realTimeFreeWaitTime}" pattern="#"/>分钟内</span>未能到达约定上车地点，记为乘客迟到；</p>
        <p><em>2.</em> 预约单：</p>
        <p> 若司机早于约定用车时间到达，乘客在约定用车时间点后<span class="txt-warning"><fmt:formatNumber value="${appointFreeWaitTime}" pattern="#"/>分钟内</span>未能到达约定上车地点，记为乘客迟到；</p>
        <p> 若司机晚于约定用车时间到达，记为司机迟到；</p>
        <p> 若司机已经迟到，乘客在司机到达约定上车地点后<span class="txt-warning"><fmt:formatNumber value="${appointFreeWaitTime}" pattern="#"/>分钟内</span>未能到达上车地点，记为乘客迟到。</p>
    </div>
</body>
</html>
